for i in range(0, 100, 1)
  .m{i}p { margin: (i)%; }

for i in range(0vw, 200vw, 1)
  .m{i}vw { margin: i; }

for i in range(0vh, 200vh, 1)
  .m{i}vh { margin: i; }

for i in range(0px, 100px, 1)
  .m{i} { margin: i; }

for i in range(0rem, 100rem, 1)
  .m{i}rem { margin: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .m{i}em { margin: unit(i/10, 'em'); }



// margin Top
for i in range(0, 100, 1)
  .mt{i}p { margin-top: (i)%; }

for i in range(0vw, 200vw, 1)
  .mt{i}vw { margin-top: i; }

for i in range(0vh, 200vh, 1)
  .mt{i}vh { margin-top: i; }

for i in range(0px, 100px, 1)
  .mt{i} { margin-top: i; }

for i in range(0rem, 100rem, 1)
  .mt{i}rem { margin-top: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .mt{i}em { margin-top: unit(i/10, 'em'); }



// margin Bottom
for i in range(0, 100, 1)
  .mb{i}p { margin-bottom: (i)%; }

for i in range(0vw, 200vw, 1)
  .mb{i}vw { margin-bottom: i; }

for i in range(0vh, 200vh, 1)
  .mb{i}vh { margin-bottom: i; }

for i in range(0px, 100px, 1)
  .mb{i} { margin-bottom: i; }

for i in range(0rem, 100rem, 1)
  .mb{i}rem { margin-bottom: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .mb{i}em { margin-bottom: unit(i/10, 'em'); }

// margin Left
for i in range(0, 100, 1)
  .ml{i}p { margin-left: (i)%; }

for i in range(0vw, 200vw, 1)
  .ml{i}vw { margin-left: i; }

for i in range(0vh, 200vh, 1)
  .ml{i}vh { margin-left: i; }

for i in range(0px, 100px, 1)
  .ml{i} { margin-left: i; }

for i in range(0rem, 100rem, 1)
  .ml{i}rem { margin-left: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .ml{i}em { margin-left: unit(i/10, 'em'); }

// margin-Right
for i in range(0, 100, 1)
  .mr{i}p { margin-right: (i)%; }

for i in range(0vw, 200vw, 1)
  .mr{i}vw { margin-right: i; }

for i in range(0vh, 200vh, 1)
  .mr{i}vh { margin-right: i; }

for i in range(0px, 100px, 1)
  .mr{i} { margin-right: i; }

for i in range(0rem, 100rem, 1)
  .mr{i}rem { margin-right: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .mr{i}em { margin-right: unit(i/10, 'em'); }

// margin-x
for i in range(0, 100, 1)
  .mx{i}p { margin-left: (i)%; margin-right: (i)%;}

for i in range(0vw, 200vw, 1)
  .mx{i}vw { margin-left: i; margin-right: i; }

for i in range(0vh, 200vh, 1)
  .mx{i}vh { margin-left: i; margin-right: i;}

for i in range(0px, 100px, 1)
  .mx{i} { margin-left: i; margin-right: i;}

for i in range(0rem, 100rem, 1)
  .mx{i}rem { margin-left: unit(i/10, 'rem'); margin-right: unit(i/10, 'rem');}

for i in range(0em, 100em, 1)
  .mx{i}em { margin-left: unit(i/10, 'em'); margin-right: unit(i/10, 'em');}

//margin-y
for i in range(0, 100, 1)
  .my{i}p { margin-top: (i)%; margin-bottom: (i)%;}

for i in range(0vw, 200vw, 1)
  .my{i}vw { margin-top: i; margin-bottom: i; }

for i in range(0vh, 200vh, 1)
  .my{i}vh { margin-top: i; margin-bottom: i;}

for i in range(0px, 100px, 1)
  .my{i} { margin-top: i; margin-bottom: i;}

for i in range(0rem, 100rem, 1)
  .my{i}rem { margin-top: unit(i/10, 'rem'); margin-bottom: unit(i/10, 'rem');}

for i in range(0em, 100em, 1)
  .my{i}em { margin-top: unit(i/10, 'em'); margin-bottom: unit(i/10, 'em');}
